<div class="cil-table-block">
  <st
    #st
    [scroll]="scroll"
    [data]="data"
    [columns]="columns"
    [widthMode]="{ type: 'strict' }"
    [ps]="ps"
    [pi]="pi"
    [page]="stPage"
    [total]="total"
    [loading]="loading"
    (change)="onChange($event)"
  >
    <ng-template st-row="roleName" let-item>
      <span>{{ getRoleName(item) }}</span>
    </ng-template>
  </st>
  <div
    *ngIf="!(isDisplayInTask | async)"
    [ngClass]="data && data.length > 0 ? 'cil-custom-btns' : 'cil-custom-btns-empty-data'"
  >
    <button
      [hidden]="loading"
      class="cil__custom-btn__whiteblue"
      nz-button
      nzType="primary"
      nzShape="round"
      nzSize="default"
      (click)="goAddUser()"
      [acl-ability]="'api.post.camel.user'"
      acl
    >
      {{ 'USER.BTN.CREATE' | i18n }}
    </button>
  </div>
</div>
<div class="cil__scroll-div"></div>
